<template>
  <div>
    <div style="width:100%;background-color: #FFFFFF;padding: 25px;">
      <div style="width: 100%;height: 250px;background-color: #555555;"></div>
    </div>
    <div style="width:100%;background-color: #FFFFFF;">
      <a-card :bordered="false">
        <a-tabs>
          <a-tab-pane tab="个人信息" key="erp">
            <individual ref="individual" :id="id"></individual>
          </a-tab-pane>
          <a-tab-pane tab="个人工作台账" key="1">
            个人工作台账
          </a-tab-pane>
          <a-tab-pane tab="签到情况" key="2">
            <detailse></detailse>
          </a-tab-pane>
          <a-tab-pane tab="培训记录" key="3">
            <cultivate></cultivate>
          </a-tab-pane>
          <a-tab-pane tab="考核记录" key="4">
            <examine></examine>
          </a-tab-pane>
          <a-tab-pane tab="APP聊天记录" key="5">
            <APPcose></APPcose>
          </a-tab-pane>
          <a-tab-pane tab="待办事项" key="6">
            <backlog></backlog>
          </a-tab-pane>
          <a-tab-pane tab="管控人员信息" key="7">
            <inCharge></inCharge>
          </a-tab-pane>
        </a-tabs>
      </a-card>
    </div>
  </div>

</template>

<script>
import individual from './personnellook/individual'
import detailse from './personnellook/details'
import cultivate from './personnellook/cultivate'
import APPcose from "./personnellook/APPcose";
import inCharge from "./personnellook/inCharge";
import examine from "./personnellook/examine";
import backlog from "./personnellook/backlog";
export default {
  name: "personnellook",
  components:{ individual,detailse,cultivate,APPcose,inCharge,examine,backlog },
  data(){
    return{
      id:''
    }
  },
  mounted() {
    this.id = this.$route.query.id
    this.individualLook()
  },
  methods:{
    individualLook(){
      console.log(this.id)
      this.$refs.individual.refreshTable(this.id)
    }
  }
}
</script>

<style scoped>

</style>